CanvasParticle({
        vx: 4, //小球x轴速度,正为右，负为左
        vy: 4, //小球y轴速度
        height: 2, //小球高宽，其实为正方形，所以不宜太大
        width: 2,
        count: 200, //点个数
        // color: "121, 162, 185", 	//点颜色
        color: "200,193,193", //点颜色
        // stroke: "130,255,255", 		//线条颜色
        // stroke: "240,250,228", 		//线条颜色
        stroke: "0,0,0", //线条颜色
        dist: 6000, //点吸附距离
        e_dist: 20000, //鼠标吸附加速距离
        max_conn: 10 //点到点最大连接数
    })
    //1.遍历所有的li标签
$a('.sp1').forEach(function(v, i) {
    // console.log(v);
    //2.给li创建点击事件
    v.addEventListener('click', function() {
        //5.当li标签的索引等于0的时候点击跳转高度
        if ([i] == 0) {
            scrollTo({
                left: 0,
                top: 300,
                behavior: 'smooth'
            })
        }
        if ([i] == 1) {
            scrollTo({
                left: 0,
                top: 800,
                behavior: 'smooth'
            })
        }
        if ([i] == 2) {
            scrollTo({
                left: 0,
                top: 1200,
                behavior: 'smooth'
            })
        }
        if ([i] == 3) {
            scrollTo({
                left: 0,
                top: 1700,
                behavior: 'smooth'
            })
        }

        //3.遍历所有道德span标签   属性都设置成隐藏
        $a('.shroud1').forEach(function(value) {
                value.style.display = 'none'

            })
            //4.在上一个点击事件内 设置显示  这样就能删除之前的属性
        $a('.shroud1')[i].style.display = 'block'

    })
})